<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>课后作业-进阶版</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div class="container">
        <header>
            <h1><strong>蒹葭</strong></h1>
            <p>出自.《诗经》</p>



            <a href="#">国风·秦风·蒹葭</a>
            <div>
                <img class="small" src="2.jpeg" alt="">
                <img class="small" src="3.jpg" alt="">
                <img class="small" src="4.jpeg" alt="">
                <img class="small" src="5.jpeg" alt="">
        </header>





        <section class="start">
            <div class="first">
                <img class="one" src="1.jpeg" alt="">
                <h4>一</h4>
                <p class="Lorem">蒹葭苍苍，白露为霜。所谓伊人，在水一方。

                    <br> 溯洄从之，道阻且长。溯游从之，宛在水中央。</p>
                <img class="one" src="6.jpeg" alt="">
                <h4>二</h4>
                <p class="Lorem">蒹葭萋萋，白露未晞。所谓伊人，在水之湄。
                    <br> 溯洄从之，道阻且跻。溯游从之，宛在水中坻。

            </div>
            <div class="second">

                <h4>三</h4>
                <p class="Lorem">
                    <br> 蒹葭采采，白露未已。所谓伊人，在水之涘。

                    <br>溯洄从之，道阻且右。溯游从之，宛在水中沚。

                </p>
                <h4>白话译文</h4>
                <p class="Lorem">
                    <br>河边芦苇青苍苍，秋深露水结成霜。
                    <br>意中之人在何处？就在河水那一方。

                    <br>逆着流水去找她，道路险阻又太长。

                    <br>顺着流水去找她，仿佛在那水中央。

                    <br>河边芦苇密又繁，清晨露水未曾干。

                    <br>意中之人在何处？就在河岸那一边。

                    <br>逆着流水去找她，道路险阻攀登难。

                    <br>着流水去找她，仿佛就在水中滩。

                    <br>河边芦苇密稠稠，早晨露水未全收。

                    <br>意中之人在何处？就在水边那一头。

                    <br>逆着流水去找她，道路险阻曲难求。

                    <br>顺着流水去找她，仿佛就在水中洲。

                </p>

                <img class="two" src="7.jpg" alt="">
                <img class="three" src="8.jpeg" alt="">
                <img class="three" src="10.jpg" alt="">







            </div>
            <ction>
                </div>
</body>

</html>